<template>
  <div id="ZC">
    <section class="n1">
      <span class="iconfont icon-fanhui1" @click="fun1()"></span>
      <router-link to="/Zc"><span>点击注册</span></router-link>
    </section>
    <section class="n2">请注册登录后继续操作</section>
    <section class="n3">
      <section class="bt1">
        账号&nbsp; &nbsp; <input type="text" class="in1" />
      </section>
      <section class="bt2">
        密码 &nbsp; &nbsp; <input type="password" class="in2" />
      </section>
      <section class="bt3">
        <input type="radio" class="an" />
        <span class="s1">
        <span >已经阅读同意
          <span class="s2">用户协议、隐私政策</span>和
              <span class="s2">买家须知</span>首次登录将自动注册
              </span
          ></span>
          
      </section>
      <van-button type="primary" size="large" class="dl">登录</van-button>
    </section>
    
    <section class="n4">
      <img src="@/assets/images/38.jpg" />
    </section>
  </div>
</template>

<script>
export default {
  methods:{
    fun1(){
      this.$router.go(-1)
    }
  }
};
</script>

<style scoped>
#ZC {
  width: 100%;
  height: 100%;
}
#ZC .n1 {
  width: 100%;
  height: 0.55rem;
  /* background-color: thistle; */
  font-size: 0.2rem;
  font-weight: 600;
  padding-top: 0.17rem;
  padding-left: 0.2rem;
  display: flex;
  justify-content: space-between;
  padding-right: .2rem;
}
#ZC .n2 {
  width: 100%;
  height: 0.95rem;
  text-align: center;
  line-height: 0.95rem;
  /* background: cornflowerblue; */
  font-size: 0.2rem;
  font-weight: 800;
}
#ZC .n3 {
  width: 100%;
  height: 3.88rem;
  /* background: cyan; */
  padding-top: 0.6rem;
}
[data-v-69de4f56] .van-button::before{
    padding-left: .15rem;
    
}
#ZC .n3 .dl:hover{
    background-color: red;
}

#ZC .n3 .bt1 {
  width: 100%;
  height: 0.5rem;
  /* background-color: darkgoldenrod; */
  margin: auto;
  padding-left: 0.2rem;
  font-size: 0.2rem;
  font-weight: 700;
}
#ZC .n3 .bt1 .in1,
.in2 {
  display: inline-block;
  /* background-color: chartreuse; */
  /* width: 3rem; */
  height: 0.4rem;
  padding-top: 5px;
  margin: auto;
  border-bottom: .01rem solid slategrey;
}
#ZC .n3 .bt2 {
  width: 100%;
  height: 0.4rem;
  /* background-color: darkkhaki; */
  margin-top: 0.38rem;
  /* margin: auto; */
  padding-left: 0.15rem;
  font-size: 0.2rem;
  font-weight: 700;
}
#ZC .n3 .bt3 {
  width: 100%;
  height: 0.5rem;
  /* background: darksalmon; */
  margin-top: 0.28rem;
  margin-bottom: 0.14rem;
  padding-left: .12rem;
  padding-right: .15rem;
  
}
#ZC .n4 {
  width: 100%;
  height: 0.49rem;
}
#ZC .n3 .bt3 .s1 {
    font-size: .16rem;
    color: darkgray;
    font-weight: 600;
}
#ZC .n3 .bt3 .s2{
    color: black;
    font-size: .16rem;
}
#ZC .n4 img {
  width: 100%;
  height: 100%;
}
/* ::v-deep .van-button::before{
    margin-top: .14rem;
} */
::v-deep .van-button--primary {
  background-color: #abaaba;
}
::v-deep .van-button__content {
  font-size: 0.18rem;
}

</style>